<template>
  <div class="aboutme">
    <Logo msg="企业简介" />

    <Footer />
  </div>
</template>
<script lang="ts">
import { defineComponent,ref, reactive ,watchEffect,watch} from "vue";
import Footer from "@/components/Footer.vue";
import Logo from "@/components/Logo.vue";
export default defineComponent({
components: {
    Footer,
    Logo,
},
  props: {
    value!: {
        type:String,
        default: "1"
    }
  },
setup: (props, context) => {
  const value = "1";
  const radioStyle = {
  };

  const onChange = (e) => {
     console.log('radio checked', e.target.value);
  };
  const closeWin = () =>{
    if (navigator.userAgent.indexOf('MSIE') > 0) { // close IE
       if (navigator.userAgent.indexOf('MSIE 6.0') > 0) {
          window.opener = null;
          window.close();
       } else {
          window.open('', '_top');
          window.top.close();
       }
    } else { // close chrome;It is effective when it is only one.
       window.opener = null;
       window.open('', '_self');
       window.close();
    }    
  }
  const summit = () =>{
    console.log('radio checked', value);
    closeWin();
  }
  const returnInfo = reactive({
    onChange,
    value,
    radioStyle,
    summit,
    closeWin,
  })
  return returnInfo;
},
})
</script>
<style scoped lang="less">
.aboutme {
  width: 100%;
  height:100%;

}

.show-center {
    width: 70%; 
    margin-left: 15%;
    margin-bottom: 20px;
    font-size: 13px;
}

</style>